<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
  <head>
    <base href="<%=basePath%>"/>
    
    <title>石材 - ${stone.chineseName }</title>
    <link rel="shortcut icon" href="images/ico.ico"/>
	<meta http-equiv="pragma" content="no-cache"/>
	<meta http-equiv="cache-control" content="no-cache"/>
	<meta http-equiv="expires" content="0"/>    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3"/>
	<meta http-equiv="description" content="This is my page"/>
	<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> 
	<link href="css/header.css"  rel="stylesheet" type="text/css" charset="utf-8" />
	<link href="css/detail.css"  rel="stylesheet" type="text/css" charset="utf-8" />
	
	<script type="text/javascript" src="js/jwidget_1.0.0-min.js"></script>
  </head>
  
  <body>
  	<jsp:include page="pages/header.jsp"></jsp:include>
  	
  	<div class="grid-m div" >
		<div class="left-box">
	    	<div id="slider" class="slider">
	            <ul id="slider_panel" class="slider_panel">
	                <li><img src="images/img0.jpg" alt="" /></li>
	                <li><img src="images/img0.jpg" alt="" /></li>
	                <li><img src="images/img0.jpg" alt="" /></li>
	                <li><img src="images/img0.jpg" alt="" /></li>
	                <li><img src="images/img0.jpg" alt="" /></li>
	                <li><img src="images/img0.jpg" alt="" /></li>
	            </ul>
	            <ul id="slider_nav" class="slider_nav">
	                <li><img src="images/img1.jpg" alt="" /></li>
	                <li><img src="images/img1.jpg" alt="" /></li>
	                <li><img src="images/img1.jpg" alt="" /></li>
	                <li><img src="images/img1.jpg" alt="" /></li>
	                <li><img src="images/img1.jpg" alt="" /></li>
	                <li><img src="images/img1.jpg" alt="" /></li>
	            </ul>
	        	<div class="slider_opacity"></div>
	    	</div>
	    </div>
    
	    <div class="right-box">
	    	<div class="hd">
	            <span class="name bla">供应公司名称</span>
	            <span class="icon"></span>
	            <span class="zhi bla">质</span>
	            <span class="liang bla">量</span>
	            <span class="price bla">价格(元/M<sup>2</sup>)</span>
	        </div>
	        <div class="bd">
	            <ul>
	            	<li>
	                	<span class="xuhao">1</span>
	                    <span class="name"><font class="red blod">华辉石业股份有限公司</font><i class="hot"></i></span>
	                    <span class="zhi bla">A</span>
	                    <span class="liang gray">大</span>
	                    <span class="price red blod">230-270</span>
	                </li>
					<li>
	                	<span class="xuhao">2</span>
	                    <span class="name"><font class="bla blod">华辉石业股份有限公司</font><i class="hot"></i></span>
	                    <span class="zhi bla">A</span>
	                    <span class="liang gray">大</span>
	                    <span class="price red blod">230-270</span>
	                </li>
	                <li>
	                	<span class="xuhao">3</span>
	                    <span class="name"><font class="bla blod">华辉石业股份有限公司</font><i class="hot"></i></span>
	                    <span class="zhi bla">A</span>
	                    <span class="liang gray">大</span>
	                    <span class="price red blod">230-270</span>
	                </li>
	                <li>
	                	<span class="xuhao">4</span>
	                    <span class="name"><font class="bla blod">华辉石业股份有限公司</font><i class="hot"></i></span>
	                    <span class="zhi bla">A</span>
	                    <span class="liang gray">大</span>
	                    <span class="price red blod">230-270</span>
	                </li>
	                <li style="border-bottom:0">
	                	<span class="xuhao">5</span>
	                    <span class="name"><font class="bla blod">华辉石业股份有限公司</font><i class="hot"></i></span>
	                    <span class="zhi bla">A</span>
	                    <span class="liang gray">大</span>
	                    <span class="price red blod">230-270</span>
	                </li>
	                </ul>
	                <div class="clear clear2"></div>
	             <ul>
	                <li>
	                	<span class="xuhao xuhao2">6</span>
	                    <span class="name"><font class="bla">华辉石业股份有限公司</font></span>
	                    <span class="zhi bla">A</span>
	                    <span class="liang gray">大</span>
	                    <span class="price red blod">230-270</span>
	                </li>
	                <li>
	                	<span class="xuhao xuhao2">7</span>
	                    <span class="name"><font class="bla">华辉石业股份有限公司</font></span>
	                    <span class="zhi bla">A</span>
	                    <span class="liang gray">大</span>
	                    <span class="price red blod">230-270</span>
	                </li>
	                <li>
	                	<span class="xuhao xuhao2">8</span>
	                    <span class="name"><font class="bla">华辉石业股份有限公司</font></span>
	                    <span class="zhi bla">A</span>
	                    <span class="liang gray">大</span>
	                    <span class="price red blod">230-270</span>
	                </li>
	                <li>
	                	<span class="xuhao xuhao2">9</span>
	                    <span class="name"><font class="bla">华辉石业股份有限公司</font></span>
	                    <span class="zhi bla">A</span>
	                    <span class="liang gray">大</span>
	                    <span class="price red blod">230-270</span>
	                </li>
	                <li style="border-bottom:0">
	                	<span class="xuhao xuhao2">10</span>
	                    <span class="name"><font class="bla">华辉石业股份有限公司</font></span>
	                    <span class="zhi bla">A</span>
	                    <span class="liang gray">大</span>
	                    <span class="price red blod">230-270</span>
	                </li>
	            </ul>
	            <div class="clear clear2"></div>
	                <ul>
	                <li>
	                	<span class="xuhao xuhao2">11</span>
	                    <span class="name"><font class="bla">华辉石业股份有限公司</font></span>
	                    <span class="zhi bla">A</span>
	                    <span class="liang gray">大</span>
	                    <span class="price red blod">230-270</span>
	                </li>
	                <li>
	                	<span class="xuhao xuhao2">12</span>
	                    <span class="name"><font class="bla">华辉石业股份有限公司</font></span>
	                    <span class="zhi bla">A</span>
	                    <span class="liang gray">大</span>
	                    <span class="price red blod">230-270</span>
	                </li>
	                <li>
	                	<span class="xuhao xuhao2">13</span>
	                    <span class="name"><font class="bla">华辉石业股份有限公司</font></span>
	                    <span class="zhi bla">A</span>
	                    <span class="liang gray">大</span>
	                    <span class="price red blod">230-270</span>
	                </li>
	                <li>
	                	<span class="xuhao xuhao2">14</span>
	                    <span class="name"><font class="bla">华辉石业股份有限公司</font></span>
	                    <span class="zhi bla">A</span>
	                    <span class="liang gray">大</span>
	                    <span class="price red blod">230-270</span>
	                </li>
	                <li style="border-bottom:0">
	                	<span class="xuhao xuhao2">15</span>
	                    <span class="name"><font class="bla">华辉石业股份有限公司</font></span>
	                    <span class="zhi bla">A</span>
	                    <span class="liang gray">大</span>
	                    <span class="price red blod">230-270</span>
	                </li>
	            </ul>
	            <div class="clear clear2"></div>
	                <ul>
	                <li>
	                	<span class="xuhao xuhao2">16</span>
	                    <span class="name"><font class="bla">华辉石业股份有限公司</font></span>
	                    <span class="zhi bla">A</span>
	                    <span class="liang gray">大</span>
	                    <span class="price red blod">230-270</span>
	                </li>
	                <li>
	                	<span class="xuhao xuhao2">17</span>
	                    <span class="name"><font class="bla">华辉石业股份有限公司</font></span>
	                    <span class="zhi bla">A</span>
	                    <span class="liang gray">大</span>
	                    <span class="price red blod">230-270</span>
	                </li>
	                <li>
	                	<span class="xuhao xuhao2">18</span>
	                    <span class="name"><font class="bla">华辉石业股份有限公司</font></span>
	                    <span class="zhi bla">A</span>
	                    <span class="liang gray">大</span>
	                    <span class="price red blod">230-270</span>
	                </li>
	                <li>
	                	<span class="xuhao xuhao2">19</span>
	                    <span class="name"><font class="bla">华辉石业股份有限公司</font></span>
	                    <span class="zhi bla">A</span>
	                    <span class="liang gray">大</span>
	                    <span class="price red blod">230-270</span>
	                </li>
	                <li>
	                	<span class="xuhao xuhao2">20</span>
	                    <span class="name"><font class="bla">华辉石业股份有限公司</font></span>
	                    <span class="zhi bla">A</span>
	                    <span class="liang gray">大</span>
	                    <span class="price red blod">230-270</span>
	                </li>
	            </ul>
	        </div>
	    </div>
	</div>
	<div class="clear"></div>
	<div class="grid-m div" style="padding:5px;">
		<div class="detail">
	    	<table>
	        	<tbody>
	            	<tr height="25">
	                	<td width="184"><font>中文名称：</font><font class="blod">深啡网</font></td>
	                    <td width="184"><font>英文名称：</font><font class="blod">EMPERADOR DARK</font></td>
	                    <td width="184"><font>种类：</font><font>大理石</font></td>
	                    <td width="184"><font>颜色：</font><font>咖啡色</font></td>
	                    <td width="184"><font>价位：</font><font>230-270</font></td>
	                </tr>
	                <tr height="25">
	                	<td><font>纹理：</font><font class="yellow">网纹</font></td>
	                    <td><font>原产地：</font><font>西班牙</font></td>
	                    <td><font>表面处理：</font><font>--</font></td>
	                    <td><font>档次：</font><font class="yellow">高/中/低档</font></td>
	                    <td><font>适用于：</font><font class="yellow">室内墙内、室外墙面</font></td>
	                </tr>
	                <tr height="25">
	                	<td><font>加工方式：</font><font>--</font></td>
	                    <td colspan="4"><font>成功案例：</font><font class="yellow">广州凯旋会花园、广州东方宾馆等</font></td>
	                </tr>
	            </tbody>
	        </table>
	    </div>
	</div>
	<div class="clear"></div>
	<div class="grid-m div">
		<div class="content">
	        <div id="sale" class="wrap">
	            <div class="shop_tab">
	                <ul id="danpin1_nav">
	                    <li><a>相似品种</a></li>
	                    <li><a>热门推荐</a></li>
	                    <li><a>最近浏览</a></li>
	                </ul>
	            </div>
	            <div class="detail" id="danpin1_panel"> 
	                <ul class="shop_show" style="display:none">
	                	<c:forEach items="${likelyList}" var="stone">
	                    <li>
	                        <a href="stone/gotoStoneDetail.action?stoneId=${stone.id}" target="_blank"><img width="120" height="120" src="images/tab_4-1.jpg"/>
	                        <span class=""><strong class="keep">${stone.chineseName}</strong></span>
	                        </a>
	                    </li> 
	                    </c:forEach>
	                </ul>
	                <ul class="shop_show" id="commendList_4" style="display:none">
	                    <li>
	                        <a href="{url}" target="_blank"><img width="120" height="120" src="images/tab_4-1.jpg"/>
	                        <span class=""><strong class="keep">{recmdRegName}</strong></span>
	                        </a>
	                    </li> 
	                    <li>
	                        <a href="{url}" target="_blank"><img width="120" height="120" src="images/tab_4-2.jpg"/>
	                        <span class=""><strong class="keep">{recmdRegName}</strong></span>
	                        </a>
	                    </li> 
	                    <li>
	                        <a href="{url}" target="_blank"><img width="120" height="120" src="images/tab_4-3.jpg" />
	                        <span class=""><strong class="keep">353453</strong></span>
	                        </a>
	                    </li> 
	                    <li>
	                        <a href="{url}" target="_blank"><img width="120" height="120" src="images/tab_4-2.jpg"/>
	                        <span class=""><strong class="keep">{recmdRegName}</strong></span>
	                        </a>
	                    </li> 
	                    <li>
	                        <a href="{url}" target="_blank"><img width="120" height="120" src="images/tab_4-3.jpg" />
	                        <span class=""><strong class="keep">353453</strong></span>
	                        </a>
	                    </li> 
	                    <li>
	                        <a href="{url}" target="_blank"><img width="120" height="120" src="images/tab_4-3.jpg" />
	                        <span class=""><strong class="keep">353453</strong></span>
	                        </a>
	                    </li> 
	                </ul>
	                <ul class="shop_show" id="commendList_4" style="display:none">
	                    <c:forEach items="${queue}" var="stone">
	                    <li>
	                        <a href="stone/gotoStoneDetail.action?stoneId=${stone.id}" target="_blank"><img width="120" height="120" src="images/tab_4-1.jpg"/>
	                        <span class=""><strong class="keep">${stone.chineseName}</strong></span>
	                        </a>
	                    </li> 
	                    </c:forEach>
	                </ul>
	            </div>
	        </div>
	    </div>
	</div>
	<!-- -------------------正文部分结束 -->
    <jsp:include page="pages/footer.jsp"></jsp:include>
  </body>
  <script type="text/javascript">
	jWidget.ui.SlideView("slider", {effect: 'fade',eventType:'click',autoPlayInterval:3000,slideTime:10000});
	jWidget.ui.TabView("sale", {panelWrapper : 'danpin1_panel', navWrapper : 'danpin1_nav', navClassOn:'tab_on',eventType:'click'});
  </script>
</html>
